<div class="container my-5 w-100">
    <div class="form-container">
        <h4 class="mb-4">新建/编辑项</h4>
        <form id="myForm">
            <div class="mb-3">
                <!-- 修改为 select 元素 -->
                <label for="inputType" class="form-label">输入类型</label>
                <select id="inputType" class="form-select" required>
                    <option value="" disabled selected>请选择输入类型</option>
                    <option value="input">文本</option>
                    <option value="date">日期</option>
                </select>
            </div>
            <div id="nameInput" class="mb-3">
                <label for="internalName" class="form-label">名字</label>
                <input id="name" type="text" class="form-control" id="name" required>
            </div>
            <div id="displayNameInput" class="mb-3">
                <label for="displayName" class="form-label">展示名字</label>
                <input id="displayName" type="text" class="form-control" required>
            </div>
            <!-- 操作按钮组 -->
            <div class="d-flex justify-content-end gap-2">
                <button id="cancel" type="button" class="btn btn-outline-secondary px-4"
                    data-bs-dismiss="modal">取消</button>
                <button id="save" type="button" class="btn btn-success px-4">
                    <i class="bi bi-play-fill me-1"></i> 保存
                </button>
            </div>
        </form>
    </div>
</div>

<script type="module" src="/src/components/modal/search/searchBar.js"></script>